<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>baked&goods</title>
    <link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/ionicons.min.css" rel="stylesheet">
    <link type="text/css" href="css/common.css" rel="stylesheet">
    <link type="text/css" href="css/send-more.css" rel="stylesheet">
</head>
<body class="row">
<div class="col-md-2 left">
    <div class="left-top">
        <img src="images/logo.png" width="113" height="30" class="img-logo"/>
    </div>
    <input class="search" type="text" placeholder="SERCH...">
    <img src="images/search.png" width="14" height="14" class="img-search">
    <ul class="f-16 parent">
		<li id="production-parent">
			<a href="#"><img src="images/production-manage.png" width="22" height="22"> 商品管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="production-child">
			<a href="total-infor.html"><i class="fa  fa-hand-o-right second"></i>货柜管理</a></li>
		</li>
		<li class="production-child">
			<a href="production-manage.html"><i class="fa  fa-hand-o-right second"></i>订单管理</a></li>
		</li>
		<li id="home-parent">
			<a href="#"><img src="images/home.png" width="22" height="20"> 首页管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="home-child">
			<a href="homeUploadImg.html"><i class="fa  fa-hand-o-right second"></i>轮播图上传</a>
		</li>
		<li class="home-child">
			<a href="releaseAnnounce.html"><i class="fa  fa-hand-o-right second"></i>公告发布</a>
		</li>
		<li>
			<a href="send-more.html"><img src="images/information.png" width="22" height="22"> 站内信<i class="fa fa-angle-double-right back"></i></a>
		</li>
    </ul>
</div>
<div class="col-md-10 right f-r">
    <header>
        <p class="f-16 t-c" id="time"></p>
        <p class="f-10 t-c" id="date"></p>
        <div class="welcome">
            <img src="images/message.png" width="25" height="27">
            <div class="circle color-white f-10 t-c">4</div>
            <img src="images/user.png" id="user" width="32" height="32">
            <p class="f-14" id="welcome"></p>
        </div>
    </header>
    <main>
        <main class="clearfix">
    	<!--内容第一部分，联系人列表-->
    	<div class="linkman clearfix">
    		 <ul class="linkman-list">
        	<li>
        		<input type="checkbox" class="choose"  />
        		<img src="images/linkman-one.png" width="62" height="62">
        		<div class="userone">
	        		<p class="user-name"><a href="send-single.html">南向</a></p>
	        		<p class="user-massage">电脑送到你电脑寄到你家电脑丢额的结果都被我就斗牛舞电脑</p>
        		</div>
        		<img class="unread"   src="images/unread.png" width="20" height="19">
        	</li>
        	<li>
        		<input type="checkbox"  class="choose"   />
        		<img src="images/linkman-two.png" width="62" height="62">
        		<div class="userone">
	        		<p class="user-name"><a href="send-single.html">北巷南猫</a></p>
	        		<p class="user-massage">电脑送到你电脑寄到你家电脑丢额的结果都被我就斗牛舞电脑</p>
	        		<img class="unread"   src="images/unread.png" width="20" height="19">
        		</div>
        	</li>
        	<li>
        		<input type="checkbox"  class="choose"   />
        		<img src="images/linkman-three.png" width="62" height="62">
        		<div class="userone">
	        		<p class="user-name"><a href="send-single.html">心如荒岛</a></p>
	        		<p class="user-massage">电脑送到你电脑寄到你家电脑丢额的结果都被我就斗牛舞电脑</p>
	        		<img class="unread"   src="images/unread.png" width="20" height="19">
        		</div>
        	</li>
        	<li>
        		<input type="checkbox"  class="choose"   />
        		<img src="images/linkman-four.png" width="62" height="62">
        		<div class="userone">
	        		<p class="user-name"><a href="send-single.html">最多不过</a></p>
	        		<p class="user-massage">电脑送到你电脑寄到你家电脑丢额的结果都被我就斗牛舞电脑</p>
	        		<img class="unread"   src="images/unread.png" width="20" height="19">
        		</div>
        	</li>
        	<li>
        		<input type="checkbox"  class="choose"   />
        		<img src="images/linkman-one.png" width="62" height="62">
        		<div class="userone">
	        		<p class="user-name"><a href="send-single.html">装呆</a></p>
	        		<p class="user-massage">电脑送到你电脑寄到你家电脑丢额的结果都被我就斗牛舞电脑</p>
        		</div>
        	</li>
        	<li>
        		<input type="checkbox"  class="choose"   />
        		<img src="images/linkman-two.png" width="62" height="62">
        		<div class="userone">
	        		<p class="user-name"><a href="send-single.html">未亡人</a></p>
	        		<p class="user-massage">电脑送到你电脑寄到你家电脑丢额的结果都被我就斗牛舞电脑</p>
        		</div>
        	</li>
        	<li>
        		<input type="checkbox"   class="choose"  />
        		<img src="images/linkman-two.png" width="62" height="62">
        		<div class="userone">
	        		<p class="user-name"><a href="send-single.html">未亡人</a></p>
	        		<p class="user-massage">电脑送到你电脑寄到你家电脑丢额的结果都被我就斗牛舞电脑</p>
        		</div>
        	</li>
        	<li>
        		<input type="checkbox"   class="choose"  />
        		<img src="images/linkman-two.png" width="62" height="62">
        		<div class="userone">
	        		<p class="user-name"><a href="send-single.html">未亡人</a></p>
	        		<p class="user-massage">电脑送到你电脑寄到你家电脑丢额的结果都被我就斗牛舞电脑</p>
        		</div>
        	</li>
       		<li>
       			<input type="checkbox"   class="choose"  />
        		<img src="images/linkman-two.png" width="62" height="62">
        		<div class="userone">
	        		<p class="user-name"><a href="send-single.html">未亡人</a></p>
	        		<p class="user-massage">电脑送到你电脑寄到你家电脑丢额的结果都被我就斗牛舞电脑</p>
        		</div>
        	</li>
        </ul>   
    	</div>
       
        <!--内容第二部分，群发输入框以及按钮-->
        <div class="mass-texting">
        	<div class="textbox clearfix">
        	<textarea class="text"></textarea>
        	<p>文本内容不得超出140个字</p>
        	<div class="pic clearfix">
        		<div class="fristpic"></div>
	        	<div class="secondpic"></div>
	        	<div class="threepic"></div>
	        	<img class="addpic" src="images/add.png">
        	</div>       	
        	</div>
        	<input class="mass" type="button" value="确认群发"/>
        </div>
        <!--弹出框（群发历史记录）-->
        	<img class="pop-up-btn"   src="images/pop-up.png">
	        <div class="pop-up">
	        	<img src="images/delete.png" width="25" height="25" class="pop-delete">
	        	<ul> 		
		        	<li class="clearfix">
		        		<h1>圣诞特惠</h1>
		        		<p>圣诞节上几年级的基本词汇对吧就被黑被就 农机犀牛精说那些就上半年可能是辛苦几年 小口径杰克逊比较康乃馨。</p>
		        		<img src="images/cake.png" width="120" height="100">
		        	</li>
		        	<li class="clearfix">
		        		<h1>圣诞特惠</h1>
		        		<p>圣诞节上几年级的基本词汇对吧就被黑被就 农机犀牛精说那些就上半年可能是辛苦几年 小口径杰克逊比较康乃馨。</p>
		        		<img src="images/cake.png" width="120" height="100">
		        	</li>
		        	<li class="clearfix">
		        		<h1>圣诞特惠</h1>
		        		<p>圣诞节上几年级的基本词汇对吧就被黑被就 农机犀牛精说那些就上半年可能是辛苦几年 小口径杰克逊比较康乃馨。</p>
		        		<img src="images/cake.png" width="120" height="100">
		        	</li>
		        	<li class="clearfix">
		        		<h1>圣诞特惠</h1>
		        		<p>圣诞节上几年级的基本词汇对吧就被黑被就 农机犀牛精说那些就上半年可能是辛苦几年 小口径杰克逊比较康乃馨。</p>
		        		<img src="images/cake.png" width="120" height="100">
		        	</li>
		        	<li class="clearfix">
		        		<h1>圣诞特惠</h1>
		        		<p>圣诞节上几年级的基本词汇对吧就被黑被就 农机犀牛精说那些就上半年可能是辛苦几年 小口径杰克逊比较康乃馨。</p>
		        		<img src="images/cake.png" width="120" height="100">
		        	</li>
	        	</ul>
	        </div>      
    </main>
    </main>
    <footer>
        <strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/common.js" charset="GB2312"></script>
<script type="text/javascript" src="js/base.js"></script>
</body>
</html>